$(function () {
    // 鼠标移入游戏全目录，游戏导航列表下拉
    $('.NIE-topBar-menu-btn').mouseenter(function () {
        $('.NIE-topBar-menu').removeClass('NIE-topBar-menu-leave').addClass('NIE-topBar-menu-hover');
    })
    //  // 鼠标移出游戏全目录，游戏导航列表收回
    $('.NIE-topBar-menu-btn').mouseleave(function () {
        $('.NIE-topBar-menu').mouseleave();
    })
    // 鼠标离开游戏导航列表，游戏导航列表收回
    $('.NIE-topBar-menu').mouseleave(function () {
        $('.NIE-topBar-menu').removeClass('NIE-topBar-menu-hover').addClass('NIE-topBar-menu-leave');
    })
    // 鼠标进入游戏导航列表，游戏导航列表展开
    $('.NIE-topBar-menu').mouseenter(function () {
        $('.NIE-topBar-menu-btn').mouseenter();
    })

    // 鼠标移入的时候，小图片隐藏，大图片显示
    $('.NIE-topBar-news').mouseover(function () {
        $('#NIE-topBar-abc-s').hide().siblings('a').children('.NIE-topBar-abc-b').css('display', 'block');
    })
    // 鼠标离开，小图片显示，大图片隐藏
    $('.NIE-topBar-news').mouseout(function () {
        $('#NIE-topBar-abc-s').show().siblings('a').children('.NIE-topBar-abc-b').css('display', 'none');
    })


    // 点击更多热门端游，更多热门手游隐藏栏会展开
    // 更多热门端游
    var dflag = true;
    // 获取这个li最开始的位置
    var ac_index = $('.js_NIE_topbar_xiu').offset().left;
    // 获取这个li的宽度
    var ac_w = $('.js_NIE_topbar_xiu').width();
    $('.first-hot-games').click(function () {
        // 点击之后，内容发生改变
        $(this).toggleClass('more-hot-games-click');
        if ($(this).hasClass('more-hot-games-click')) {
            $(this).html('<<')
        } else {
            $(this).html('更多热门端游')
        }
        // 点击之后，隐藏的内容出现，竞技休闲往右边进行挪动
        if (dflag) {
            // 415
            // 初始偏移量加上自身的宽度，就是相对于body的偏移量,因为不想完全将右边盖住，则减少10px
            // 不使用position的原因是position只能获取相对有定位父级的偏移量，而不能用于设置
            $('.js_NIE_topbar_xiu').offset({ left: ac_index + ac_w - 10 });
            dflag = !dflag;
        } else {
            $('.js_NIE_topbar_xiu').offset({ left: ac_index });
            dflag = !dflag;
        }
    })
    // 更多热门手游
    var fflag = true;
    $('.more-finger-games').click(function () {
        $(this).toggleClass('more-hot-games-click');
        if ($(this).hasClass('more-hot-games-click')) {
            $(this).html('<<')
        } else {
            $(this).html('更多热门手游')
        }

        // 点击之后，li长度变长
        if (fflag) {
            $('.news').addClass('news-pro-recommend');
            fflag = !fflag;
        } else {
            $('.news').removeClass('news-pro-recommend');
            fflag = !fflag;
        }
    })




    // // 头部右上角图片轮播业务
    // var status=true;
    // var timer = setInterval(function(){
    //     if(status){
    //         $('.NIE-topBar-right a').eq(0).slideUp().siblings().slideDown();
    //         status = !status;
    //     } else {
    //         $('.NIE-topBar-right a').eq(1).slideUp().siblings().slideDown();
    //         status = !status;
    //     }
    // },1000);

    // 鼠标移入的时候，遮罩层出现
    // 大图片遮罩层的出现
    // $('.mhtk-img').mouseover(function(){
    //     // 鼠标移入的时候，大的遮罩层出现
    //     $('.da-slideFromBottom').css({top:0});
    //     // 鼠标移入的时候，字体和图标显示
    // })
    // $('.mhtk-img').mouseout(function(){
    //     $('.da-slideFromBottom').css({top:'100%'});
    // })

    // ----------------------------------------------------------------梦幻图库，视频中心两部分tap栏切换
    $('.tarA').mouseenter(function () {
        // 获取当前a的索引号
        $('.imgVideoItem').eq($(this).index()).show().siblings('.imgVideoItem').hide();
    })

    // 梦幻图库  视频中心  字体样式切换
    $('.tarA').each(function (index, item) {
        $(item).mouseover(function () {
            $(this).addClass('cur').siblings('.tarA').removeClass('cur');
        })
    })

    // 更多模块鼠标over的时候文字向右移动
    $('.btn-more').mouseover(function () {
        $(this).css('text-indent', '5px');
        // 小图标向右移动
        $(this).children('i').css('right', '-7px');
    })
    // 鼠标离开，样式复原
    $('.btn-more').mouseout(function () {
        $(this).css('text-indent', '0px');
        // 小图标向右移动
        $(this).children('i').css('right', '0');

    })
    // ------------------------------------------------------------------梦幻图库js部分业务代码
    // 梦幻图库，视频中i性能tap栏切换鼠标移入武神坛字体变红色，移动条跟随鼠标移动
    // 定义一个全局的路径长度
    var linelj = 0;
    $('.news-nav a').each(function (index, item) {
        $(item).mouseover(function () {
            $(this).css('color', '#f24854').siblings().css('color', '#3c3c3c');
            $('.nav-line').stop().animate({
                left: `${$(this).position().left + 11}`
            }, 50)

            // 梦幻图库tap栏切换mhtk-item
            $('.mhtk-item').eq(index).show().siblings('.mhtk-item').hide();
        })
    })

    // ul  list下面的小li的遮罩层出现
    $('.tutu-list li').each(function (index, item) {
        $(item).mouseenter(function () {
            $(item).find('em').css({
                'line-height': '113px',
                'height': '100%',
                'bottom': '0'
            })
            $(item).find('em').children('.ib-txt').css({
                'margin-top': '5px'
            })
        })
        $(item).mouseleave(function () {
            // 鼠标了；离开的时候，em样式还原
            $(item).find('em').css({
                'line-height': '22px',
                'height': '22px',
                'bottom': '12px'
            })
            $(item).find('em').children('.ib-txt').css({
                'margin-top': '-29px'
            })
        })
    })

    // 大图片遮罩出现下面的小li的遮罩层出现
    $('.mhtk-img').each(function (index, item) {
        $(item).mouseenter(function () {
            $(this).find('em').css({
                'line-height': '236px',
                'height': '100%',
                'bottom': '0'
            })
            $(item).find('em').children('.ib-txt').css({
                'margin-top': '5px'
            })
        })
        $(item).mouseleave(function () {
            $(this).find('em').css({
                'line-height': '24px',
                'height': '24px',
                'bottom': '12px'
            })
            $(item).find('em').children('.ib-txt').css({
                'margin-top': '-46px'
            })
        })
    })

    // ----------------------------视频中心的tap栏切换
    $('.mhtk-box .news-nav a').mouseenter(function () {
        // 获取当前的索引值
        $('.mhsp-item').eq($(this).index()).show().siblings('.mhsp-item').hide();
    })

    // ----------------------------控制黑色遮罩
    $('.tutu-list li').each(function () {
        initSlide(this);
    });
    $('.mhtk-img').each(function (index, item) {
        initSlide(this);
    })
    // 第二个模块的样式
    $('.tuku-list li').each(function (index, item) {
        initSlide(this);
    })


    // 张文杰 头部导航 栏热点推荐部分 点击热点推荐  隐藏部分出现
    var nieTopBarRecom = document.querySelector('.NIE-topBar-recommend-hot');
    var recomContentH = document.querySelector('.recomContent-h');
    nieTopBarRecom.addEventListener('mouseenter', function () {
        recomContentH.style.height = 380 + 'px';
    });
    recomContentH.addEventListener('mouseleave', function () {
        this.style.height = 0 + 'px';
    });
})



// window.onload = function(){
//     var navline = document.querySelector('.nav-line') ;
//     var aa = document.querySelectorAll('.news-nav a');
//     console.log(aa);
//     for (var i = 0; i < aa.length; i++) {
//        aa[i].onmouseover = function(){
//            console.log(this.offsetLeft+11)
//         //    使用我们自己封装的插件有问题是因为这个加了过渡，过渡会影响
//         //    animation(navline,this.offsetLeft+11)
//         navline.style.left = `${this.offsetLeft+11}px`;
//        }

//     }
// }

